﻿body
{
    background: none repeat scroll 0 0 #A9B5BD;
    color: #333333;
    font: 14px/1.5 "微软雅黑" ,helvetica,Arial;
    margin: 0px;
    padding: 0px;
    font-family:Lucida Handwriting,Cursive,Simsun;
}
/*网站名称*/
#header
{
    background: none repeat scroll 0 0 #16364C;
    height: auto;
}
#header .inner
{
    height: 108px;
    overflow: hidden;
}
#headbar .inner, #header .inner, #head_nav .inner, #container .inner, #footer .inner
{
    margin: 0 auto;
    max-width: 1240px;
    overflow: hidden;
    text-align: left;
    width: auto;
}
#header h1, #header h2
{
    float: left;
    margin: 0;
    padding: 0;
    width: 320px;
}
h2 a, h2 a:visited
{
    color: #2C6288;
    text-decoration: none;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, #secnav a
{
    color: #333333;
    text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
}

#header h1 a, #header h2 a
{
    background: url(".../backgroundimages/logo.png") no-repeat scroll center top transparent;
    display: block;
    height: 50px;
    margin: 25px 0 0;
    padding: 0;
    text-decoration: none; /*text-indent: -100000em;*/
    text-indent: 100px;
    width: 300px;
    font-size: 40px;
    color: #FFFFFF;
}
a
{
    color: #2C6288;
    outline: medium none;
    text-decoration: none;
}
#header h3
{
    color: #FFFFFF;
    float: left;
    font: bold 16px "微软雅黑" ,helvetica,Arial;
    margin: 50px 0 0;
    padding: 0;
}
h3
{
    font: bold 22px "微软雅黑" ,Arial,verdana;
    margin: 0.5em 0;
}

/*导航栏*/
#head_nav
{
    overflow: hidden;
    height: 56px;
    background: #fffefe;
    background: -moz-linear-gradient(top,#fffefe 0,#dcdcdc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffefe),color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,#fffefe 0,#dcdcdc 100%);
    background: -o-linear-gradient(top,#fffefe 0,#dcdcdc 100%);
    background: -ms-linear-gradient(top,#fffefe 0,#dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe',endColorstr='#dcdcdc',GradientType=0);
    background: linear-gradient(top,#fffefe 0,#dcdcdc 100%);
}
#headbar, #header, #head_nav, #container, #footer
{
    text-align: center;
}

#secnav
{
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#secnav li
{
    float: left;
    font-size: 16px;
    font-weight: 700;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td
{
    margin: 0;
    padding: 0;
}
#secnav a
{
    font-family:Lucida Handwriting,Cursive,Simsun;
    color: #212121;
    display: block;
    float: left;
    height: 31px;
    line-height: 16px;
    padding: 14px 20px 11px;
}

#secnav a:hover
{
    background: #e5e5e5;
    background: -moz-linear-gradient(top,#e5e5e5 0,#cfcfcf 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#cfcfcf));
    background: -webkit-linear-gradient(top,#e5e5e5 0,#cfcfcf 100%);
    background: -o-linear-gradient(top,#e5e5e5 0,#cfcfcf 100%);
    background: -ms-linear-gradient(top,#e5e5e5 0,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#cfcfcf',GradientType=0);
    background: linear-gradient(top,#e5e5e5 0,#cfcfcf 100%);
    cursor: pointer;
    text-decoration: none;
}
#secnav a span
{
    color: #9D9D9D;
    display: block;
    font: 12px/20px "微软雅黑" ,Arial;
}
#secnav a:hover span
{
    color: #FFFFFF;
}
.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}
#container
{
    padding: 0 10px;
}

.clearfix
{
    display: block;
}
#container .inner
{
    background-color: #FFFFFF;
    margin: 16px auto 0;
    text-align: left;
}
#container .article_wrap
{
    padding-right: 380px;
}
#content
{
    float: left;
    overflow-x:scoll;
    padding: 20px;
    width:820px;
}
#sidebar
{
    background-color: #F7F6F6;
    float: right;
    margin-right: -380px;
    padding: 20px;
    width: 340px;
}
.postItem
{
    padding: 0 0 20px;
}
h2.h1
{
    font: bold 28px/1.3 "微软雅黑" ,Arial;
    font-family:Lucida Handwriting,Cursive,Simsun;
}

h2
{
    font: bold 24px/1.5 "微软雅黑" ,Arial,verdana;
    font-family:Lucida Handwriting,Cursive,Simsun;
    margin: 0;
    padding: 10px 0;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
}
h2 a:hover
{
    color: #666666;
    text-decoration: underline;
}
#content .post-meta-top
{
    color: #8E8F91;
    font-size: 11px;
    height: auto;
    margin: 0;
    overflow-x:scoll;
    padding: 5px 0 10px;
    text-align: left;
}
a:hover
{
    color: #333333;
    text-decoration: underline;
}
.moreLink
{
    float: right;
    font: bold 14px "微软雅黑";
    margin: 20px 10px 0 0;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    height: 0;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    width: 0;
}
.article h1.title {
    margin-bottom: 15px;
}
.article img {
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 4px rgba(150, 150, 150, 0.3);
    padding: 10px;
}
h1
{
    font: bold 28px/1.5 "微软雅黑" ,Arial,verdana;
    font-family:Lucida Handwriting,Cursive,Simsun;
}
.inner_promot {
    margin: 2em 2em 2em 0;
}
#jiathis_style_32x32 .jtico 
{
    background: url("../images/jiathis_ico_32x32.png") no-repeat scroll left center transparent;
    cursor: pointer;
    display: block !important;
    height: 32px !important;
    line-height: 32px !important;
    overflow: hidden;
    padding-left: 36px !important;
    text-align: left;
}
#jiathis_style_32x32 .jiathis_txt {
    float: left;
    font-size: 22px;
    line-height: 32px !important;
    text-decoration: none;
}
#jiathis_style_32x32 .jtico_qzone {
    background-position: 0 -32px;
}
#jiathis_style_32x32 .jtico:hover
{
    opacity:0.6;
}
#jiathis_style_32x32 .jtico_tqq {
    background-position: 0 -1760px;
}
#jiathis_style_32x32 .jtico_twitter {
    background-position: 0 -1024px;
}
#jiathis_style_32x32 .jtico_tsina {
    background-position: 0 0;
}
#jiathis_style_32x32 .jtico_douban {
    background-position: 0 -224px;
}
#jiathis_style_32x32 .jtico_xianguo {
    background-position: 0 -640px;
}
#jiathis_style_32x32 .jtico_jiathis {
    background-position: 0 -2048px;
}
/*文章下面的作者介绍*/
.article .post_author {
    background: none repeat scroll 0 0 #D2DDE0;
    clear: both;
    font-size: 12px;
    font-weight: 700;
    line-height: 180%;
    margin: 10px auto;
    padding: 10px;
    width: 90%;
}
.article .post_author img {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #999999;
    float: left;
    margin: 0 5px 0 0;
}
.article img {
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 4px rgba(150, 150, 150, 0.3);
    padding: 10px;
}
fieldset, img {
    border: 0 none;
}
img, a img {
    border: 0 none;
}
.article .post_author span {
    color: #000000;
}
/*评论*/
#comments {
    border-top: 3px solid #DDDDDD;
    font: 12px "微软雅黑",helvetica,Arial;
    font-family:Lucida Handwriting,Cursive,Simsun;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 0;
}
#comments h3 {
    font: 700 20px/1.8 "微软雅黑",helvetica,Arial;
    margin: 10px 0;
    padding: 0;
    text-indent: 0.5em;
}
#comments .commentlist {
    padding: 0;
}
#comments .comment {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 10px 10px 10px 52px;
    position: relative;
}
.even {
    background: none repeat scroll 0 0 #EFEFEF;
}
.odd{
    background: none repeat scroll 0 0 #E2EEA6;
}
#comments .gravatar {
    height: 32px;
    left: 10px;
    position: absolute;
    width: 32px;
}
address, cite, dfn, em, var {
    font-style: normal;
}
#comments .comment .url {
    font-style: normal;
}
#comments .commentlist p {
    font-weight: 400;
    margin: 10px 0 0;
    padding: 0;
    text-indent: 0;
}
#comments .commentlist .reply {
    margin: 0 10px 10px;
    text-align: right;
}
.cancel-comment-reply {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: right;
}
small {
    font-size: 12px;
}
#commentform {
    background: none repeat scroll 0 0 #EFEFEF;
    overflow: hidden;
    padding: 10px;
}
#commentform p {
    margin: 5px 0;
    padding: 0;
    text-indent: 0;
}
#commentform label {
    float: left;
    font-weight: 700;
    text-indent: 0.5em;
    width: 100%;
}
#commentform input {
    clear: left;
    margin-bottom: 10px;
    width: 210px;
}
#commentform textarea, #commentform input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C3C3;
    border-radius: 3px 3px 3px 3px;
    color: #676563;
    font: 12px/16px "微软雅黑",Arial;
    padding: 4px 6px;
}
button, input, select, textarea {
    font-size: 100%;
}
#commentform .comment_bd {
    padding: 0 7px;
}
#commentform textarea, #commentform input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C3C3;
    border-radius: 3px 3px 3px 3px;
    color: #676563;
    font: 12px/16px "微软雅黑",Arial;
    padding: 4px 6px;
}
#commentform textarea {
    margin-left: -7px;
    width: 100%;
}
#commentform .comment_ft {
    text-align: right;
}


/*中间部分*/


/*脚部*/
#footer
{
    color: #444444;
    padding: 20px 0 30px;
}
#footer p
{
    float: left;
}

#footer a
{
    color: #FFFFFF;
    text-decoration: none;
}
ul#nav-footer
{
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: right;
}
ul, ol
{
    list-style: none outside none;
}
ul#nav-footer li
{
    float: left;
    list-style: none outside none;
    padding: 5px 10px;
}










